/*AVW ProductSpecials Theme JT 3/26/2015 */



/*Current Specials Styling */
.specTable { margin-left: 17px; }
.specTable td { border: 0px none; padding: 0px 30px 5px 0px; vertical-align: text-top; }
.specTable td span { display: inline-block; width: 247px; }
.specTable .ProductSpecialsDiv { width: 247px; background: transparent url(images/specialstitle.gif) no-repeat top left; text-align: center; }
.specTable td span.ProductSpecialsTitle { border: none; background: none; min-height: 30%; color: #ffffff; font-size: x-large; font-family: 'Yanone Kaffeesatz' , "Trebuchet MS" , "Myriad Web Pro" ,arial,serif; font-weight: normal; text-align: center; padding-top: 15px; }
.specTable td span.ProductSpecialsImage { padding: 15px 0px 8px 0px; margin-bottom: 5px; min-height: 60%; background-color: #eeeeee; text-align: center; }
.specTable td span.ProductSpecialsDescription { min-height: 40px; text-align: left; }

/*WSUS_Specials Mod styling */
.specialsDiv { padding-left: 10px; }
.ProductSpecialsDiv { display: inline-block; max-width:247px; vertical-align: top;margin-bottom:10px; margin-right: 2%; width: 30%; background: transparent url(images/specialstitle.gif) no-repeat top left;border-top-right-radius:3px; }
.ProductSpecialsDiv .ProductSpecialsTitle { width: 100%; display: block; border: none; background: none; height: 52px; padding-top: 10px; color: #ffffff; font-size: x-large; font-family: 'Yanone Kaffeesatz' , "Trebuchet MS" , "Myriad Web Pro" ,arial,serif; font-weight: normal; text-align: center; }
.ProductSpecialsDiv .ProductSpecialsImage {display: block; text-align: center; border: solid 3px #eeeeee; padding: 15px 0px 8px 0px; }
.ProductSpecialsDiv .ProductSpecialsImage img {max-height:150px;}
.ProductSpecialsDiv .ProductSpecialsDescription { background-color: #eeeeee; padding: 5px; }
.ProductSpecialsDiv .ProductSpecialsLinks { }
.ProductSpecialsDiv .clr { clear: both; }

/*Responsiveness */

@media handheld, only screen and (max-width: 768px) {
.specialsDiv{padding:0px;}
.ProductSpecialsDiv .ProductSpecialsTitle{font-size:large;}
.ProductSpecialsDiv .ProductSpecialsDescription { font-size: smaller; }
}
@media handheld, only screen and (max-width: 630px) {
.ProductSpecialsDiv{width:44%;}
}
@media handheld, only screen and (max-width: 500px) {
.ProductSpecialsDiv{width:100%;}
}

@media handheld, only screen and (orientation: portrait) 
{
     .specialsDiv { padding: 0px; }
    .ProductSpecialsDiv .ProductSpecialsTitle{font-size:large;}
    .ProductSpecialsDiv .ProductSpecialsDescription { font-size: smaller; }
}